<template>
	<comBgView src="/static/images/public_imgs/popup-sure-btn-bg.png">
		<view :class="['submit-btn-packbox', 'relative', disabled ? 'disable-box' : '']" @click="$emit('click')">
			<view class="font-hanserif-bold relative text-center">
				<slot></slot>
			</view>
		</view>
	</comBgView>
</template>

<script>
	export default {
		name: 'comSubmitBtn',
		props: {
			disabled: {
				type: Boolean,
				default: () => false
			}
		},
		data() {
			return {};
		}
	};
</script>

<style scoped>
	.submit-btn-packbox {
		margin: 0;
		font-size: 38rpx;
		color: #FFFFFF;
		width: 243rpx;
		height: 80rpx;
		line-height: 80rpx;
	}

	.disable-box::after {
		opacity: 0.12;
		content: '';
		z-index: 100;
		position: absolute;
		left: 0;
		right: 7rpx;
		top: 0;
		bottom: 7rpx;
		margin: auto;
	}
</style>
